<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<style>
			/*css注释方式*/
			/*css部分：选择器：抓取页面元素，元素增加效果
			             选择器{
							 属性:属性值;
							 属性:属性值;
						 }
			*/
		   p{
			   width: 200px;
			   weight:200px;
			   background:#e4393c;  /*16进制色值*/
		   }
		</style>
	</head>
	<body>
		<!-- 1.内联样式表，叫做行内样式表  【开发不用:没有真正实现内容与表现分离】
		 语法：前标记 style="属性：属性值；属性：属性值；..."
		 -->
		 <div style="width: 300px; height: 300px; background: red;"></div>
		 <!-- 2.内部样式表  【开发不用：练习专用】
		      html部分：在head元素中，添加style元素
		      css部分：在style元素中，添加css样式
		  -->
		  <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Iure tenetur ratione vel dolore a esse! Rerum voluptatum quo earum blanditiis repellat magnam, alias itaque provident perspiciatis rem tenetur! Soluta, in.</p>
	</body>
</html>